<style>
    body {
        height: 100%;
        /* The html and body elements cannot have any padding or margin. */
    }

    body {
        margin-top:60px;
        background-color: #eee;
    }
    /* Set the fixed height of the footer here */
    #push,
    #footer {
        height: 60px;
    }
    #footer {
        background-color: white;
    }
    @media (max-width: 767px) {
        #footer {
            margin-left: -20px;
            margin-right: -20px;
            padding-left: 20px;
            padding-right: 20px;
        }
    }
    .dangnhap {
        margin-top: -20px;
    }

    .form-signin .form-signin-heading,
    .form-signin .checkbox {
        margin-bottom: 10px;
    }
    .form-signin .checkbox {
        font-weight: normal;
    }
    .form-signin .form-control {
        position: relative;
        height: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 16px;
    }
    .form-signin .form-control:focus {
        z-index: 2;
    }
    .form-signin    input[type="email"] {
        margin-bottom: -1px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    .form-signin input[type="password"] {
        margin-bottom: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .reserpwd {
        margin-left: 30%;
    }
</style>
<br><br><br>
<h2 class="dangnhap" style="color:red; text-align: center;">Đăng Nhập</h2>
<hr class="featurette-divider">
<?php $attributes = array('role' => 'form', 'class' => 'form-signin',);
echo form_open("thanhvien/thanhvien/login", $attributes);
?>
<div class="jumbotron" style="width:80%; margin-left: 10%; background-color: #27ae60;">
    <input type="text" style="height: 40px;" class="form-control" placeholder="Username" id="username" name="username" value="<?php echo set_value('username'); ?>" autofocus/>
    <?php echo form_error('username', '<p class="text-danger" style="font-size:15px;">', '</p>'); ?>
    <input  style="height: 40px;"type="password" id="password"  class="form-control" placeholder="Password"  name="password" value="<?php echo set_value('password'); ?>" autofocus/>
<?php echo form_error('password', '<p class="text-danger" style="font-size:15px;">', '</p>'); ?>
    <div class="row">
        <div class="col-md-4">
<?php echo form_open("thanhvien/thanhvien/hub_registration"); ?>
            <a class="btn btn-lg btn-success btn-block"  href="<?php echo $this->config->item("base_url") . "/index.php/thanhvien/thanhvien/hub_registration"; ?>">Đăng Ký</a>
        </div>
        <div class="col-md-8">
            <button class="btn btn-lg btn-primary btn-block" type="submit">Đăng Nhập</button>

        </div>

    </div>
<?php echo form_close(); ?>
    <label class="checkbox">
        <!--<input type="checkbox" value="remember-me"> Remember me-->
        <a  style="color:black;" class="reserpwd"  href="<?php echo $this->config->item("base_url") . "/index.php/thanhvien/thanhvien/load_forgot_pass"; ?>">Forgot password?</a>
    </label>
</div>